<template>
	<view style="">
		<!-- 顶部标题 -->
		<view class="head_text">
			<text class="all_text_title">评价报告成品检验记录</text>
			<image src="../../../../static/client/back.png"
				style="width: 20rpx;height: 36rpx;position: absolute;left: 30rpx;top: 63rpx;" @click="back()"></image>
		</view>
		<!-- 项目进度按钮 -->
		<view style="height: 80rpx;background: #f7f7f7;position: relative;">
			<image src="../../../../static/project/jindu.png"
				style="width: 60rpx;height: 60rpx;position: absolute;right: 30rpx;top: 10rpx;"></image>
		</view>
		<form action="">
			<!-- 项目名称 -->
			<view class="info_item">
				<text class="all_text_title">项目名称</text>
				<input placeholder="请输入项目名称" style="margin-top: 39rpx;" placeholder-style="font-size:30rpx" value="" />
			</view>
			<!-- 项目审核内容 -->
			<view class="info_item" style="border-bottom: 0;">
				<text class="all_text_title">项目审核内容</text>
				<view class="line" style="background: #F7F7F7;margin-top: 34rpx;color: #333333;border-top: 1rpx solid  #EBEBEB;">
					<view class="line_item" style="width: 63rpx;">
						序号
					</view>
					<view class="line_item" style="width: 151rpx;">
						检验项目
					</view>
					<view class="line_item" style="width: 243rpx;">
						检验结果
					</view>
					<view class="line_item" style="width: 230rpx;">
						订正结果
					</view>
				</view>
				<view class="line" v-for="item in info_list">
					<view class="line_item" style="width: 63rpx;">
						{{item.id}}
					</view>
					<view class="line_item" style="width: 151rpx;">
						{{item.info}}
					</view>
					<view class="line_item" style="width: 243rpx;">
						<radio-group name="" >
							<label>
								<radio :value="item.value1" style="transform: scale(0.6);"/><text>合格</text>
							</label>
							<label>
								<radio :value="item.value2" style="transform: scale(0.6);"/><text>不合格</text>
							</label>
						</radio-group>
					</view>
					<view class="line_item" style="width: 230rpx;">
						<radio-group name="" >
							<label>
								<radio :value="item.value1" style="transform: scale(0.6);"/><text>合格</text>
							</label>
							<label>
								<radio :value="item.value2" style="transform: scale(0.6);"/><text>不合格</text>
							</label>
						</radio-group>
					</view>
				</view>
			</view>
			<!-- 检查情况说明及意见 -->
			<view class="info_item" style="border-bottom: 0;">
				<text class="all_text_title">检查情况说明及意见</text>
				<textarea class="textar" value="" maxlength="-1"
					auto-height="true"/>
			</view>
			<!-- 签字 -->
			<view class="text2">
				<text @click="startSign1()">办公室（签字）：</text>
				<image :src="s1" mode="" style="width: 200rpx;height: 100rpx;"></image>
			</view>
			<!-- 签字板 -->
			<Signature ref="sig1" style="background: #0066CC;"></Signature>
			<!-- 附件上传 -->
			<view class="info_item" style="border: 0;margin-bottom: 200rpx;">
				<view class="" style="display: flex;flex-direction: row; align-items: center;">
					<text>附件上传</text>
					<image src="../../../../static/firm/icon_sc.png" style="width: 25rpx;height: 18rpx;margin-left: 32rpx;">
					</image>
					<text class="uptext">点击上传文件</text>
				</view>
		
				<view class="" style="display: flex;flex-direction: row; align-items: center;margin-top: 40rpx;">
					<image src="../../../../static/know/PDF.png" style="width: 40rpx;height: 48rpx;"></image>
					<text class="file_name">关于邦泰合力管理咨询有限公司的资料.pdf</text>
				</view>
			</view>
			<!-- 底部按钮 -->
			<view class="bottom">
				<button class="bottom_btn" style="background: #CCCCCC; width: 380rpx;" form-type="reset">保存草稿</button>
				<button class="bottom_btn"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
					form-type="submit">提交</button>
			</view>
		</form>
		<view class="fbtn" @click="fbtnClick()">
			<image src="../../../../static/images/xiangmu1@2x.png"></image>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				s1:'',
				
				info_list:[
					{
						id:1,
						info:'报告编号',
						value1:'y',
						value2:'n'
					},
					{
						id:2,
						info:'报告格式',
						value1:'y',
						value2:'n'
					},
					{
						id:3,
						info:'字体字号',
						value1:'y',
						value2:'n'
					},
					{
						id:4,
						info:'目录及页码',
						value1:'y',
						value2:'n'
					},
					{
						id:5,
						info:'报告附件',
						value1:'y',
						value2:'n'
					},
					{
						id:6,
						info:'签名签章',
						value1:'y',
						value2:'n'
					},
					{
						id:7,
						info:'文印质量',
						value1:'y',
						value2:'n'
					},
					{
						id:8,
						info:'装订质量',
						value1:'y',
						value2:'n'
					}
					
				]
			}
		},
		methods: {
			// 点击右下文件按钮
			fbtnClick() {
				console.log('22')
			},
			/* 
			点击返回 
			 */
			back() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="scss">
	.textar{
		width: 690rpx;
		height: 305rpx;
		background: #F7F7F7;
		margin-top: 30rpx;
		.holder{
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
		}
	}
	.line{
		display: flex;
		flex-direction: row;
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 52rpx;
		border-right: 1rpx solid  #EBEBEB;
		.line_item{
			height: auto;
			color: #666666;
			// border: 1rpx solid #EBEBEB;
			border-bottom: 1rpx solid #EBEBEB;
			border-left: 1rpx solid #EBEBEB;
			text-align: center;
		}
	}
	.text2{
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		margin-top: 40rpx;
		margin-left: 310rpx;
		display: flex;
		flex-direction: row;
	}
	.text1{
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #128BF1;
		margin-top: 21rpx;
	}

	.fbtn {
		position: fixed;
		left: 592rpx;
		bottom: 120rpx;
		z-index: 5;

		image {
			width: 134rpx;
			height: 134rpx;
		}
	}

	.file_name {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		margin-left: 19rpx;
	}

	.uptext {
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #128BF1;
		margin-left: 10rpx;
	}

	.bottom {
		width: 100%;
		height: 88rpx;
		z-index: 100;
		position: fixed;
		bottom: 0;
	}

	.bottom_btn {
		width: 375rpx;
		height: 88rpx;
		margin-left: 0;
		border-radius: 0;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}


	.info_item {
		width: 690rpx;
		height: auto;
		border-bottom: 1rpx solid #E3E3E3;
		margin-left: 30rpx;
		margin-top: 44rpx;
	}

	.head_text {
		width: 100%;
		height: 128rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 160rpx;
		text-align: center;
	}
</style>
